<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="../../s/element-ui/2.13.2/theme-chalk/index.css">
<title>Dialog 内容</title>
<style type="text/css">
[v-cloak] {
	display: none !important;
}

textarea {
	resize: none !important;
}
</style>
</head>
<body>
	<div id="app" v-cloak>

		<form is="el-form" label-width="80px" style="width: 460px">
			<div is="el-form-item" label="名称">
				<span is="el-input" auto-complete="off"></span>
			</div>
			<div is="el-form-item" label="备注">
				<span is="el-input" type="textarea" :rows="2" auto-complete="off"></span>
			</div>
			<div is="el-form-item">
				<button is="el-button" type="primary" @click="confirm">确定</button>
				<button is="el-button" @click="cancel">取消</button>
			</div>
		</form>

	</div>
	<script src="../../s/vue/2.7.16/vue.min.js"></script>
	<script src="../../s/element-ui/2.13.2/index.js"></script>
	<script>
		var close = function() {
			parent.postMessage({
				action : 'dialog:close'
			}, '*');
		}

		new Vue({
			el : '#app',
			data : function() {
				return {}
			},
			methods : {
				confirm : function(done) {
					close();

				},
				cancel : function() {
					close();
				}
			}
		})
	</script>
</body>
</html>